<template>
  <div>
    <div>diff</div>
    <hr>
    <Son></Son>
    <hr>
    <div id="diff"></div>
    <p>{{ myVnode1 }}</p>
  </div>
</template>

<script>
import mySon from './Son.js'
import Son from './Son.vue'
import h from "./diff/h.js";
export default {
  components: {
    Son
  },
  data() {
    return {
      myVnode1: "1111",
    };
  },
  methods: {
    index() {
    //   var myVnode1 = h("h1", {}, "你好");
      var myVnode1 = h("h1", {}, [
          h("div", {}, [
              h('span', {}, "这个是span标签")
          ])
      ]);
    //   console.log(myVnode1);
      this.myVnode1 = JSON.stringify(myVnode1);
    },
  },
  mounted() {
    this.index();
  },
};
</script>

<style lang="scss" scoped></style>
